<template>
  <div class="overseas">
    <TitleBar ref="maTitle"></TitleBar>
    <div class="overseas-top">
      <div class="overseas-shop">
        <div class="shop-left-img"><img src="http://127.0.0.1/img/overseas/overseas-01.png" alt=""></div>
        <div></div>
      </div>
    </div>
  </div>
</template>

<script>
import TitleBar from '../components/TitleBar'
export default {
  name:'TheOverseasGood',
  components: {
    TitleBar
  },
  data() {
    return {
      titleName:{
        name:"海外好货",
        more:"http://127.0.0.1/img/more.png"
      }
    }
  }
}
</script>

<style lang="scss">
.overseas{
  background: #f2f2f2;
}
.overseas-top{
  height: 5.466667rem;
  padding: .266667rem;
  background: url("http://127.0.0.1/img/overseas/overseasBg.png") no-repeat;
  background-size: 100% 2.533333rem;
  background-position-y: -.066667rem;
  .overseas-shop{
    height: 100%;
    background: #ffffff;
    display: flex;
    justify-content: space-between;
    .shop-left-img{
      width: 3.933333rem;
      height: 100%;
      img{
        width: 100%;
        height: 100%;
      }
    }
  }
}


.header{
  background: #6ebfb1;
 
  .van-nav-bar__title{
    color: #ffffff !important;
  }
  .van-icon{
    color: #ffffff !important;
  }
}
.van-hairline--bottom::after{
   border:none!important;
}
</style>